<template>
  <div class="foo" id="footer">
    <div class="container-xl">
      <div class="row">
        <div class="col col-a">
          <h4>赛事活动</h4>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
        </div>
        <div class="col col-a">
          <h4>赛事活动</h4>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
        </div>
        <div class="col col-a">
          <h4>赛事活动</h4>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
        </div>
        <div class="col col-a">
          <h4>赛事活动</h4>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
        </div>
        <div class="col col-a">
          <h4>赛事活动</h4>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
        </div>
        <div class="col col-a">
          <h4>赛事活动</h4>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
          <div>
            <a href="#" target="_blank">科技创新大赛</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.foo {
  height: 400px;
  background-color: #2f3234;
  padding-top: 50px;
}
.col-a {
  width: 150px;
}
</style>

